<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>登录</title>
    <link rel="stylesheet" href="../../lib/layer/mobile/need/layer.css">
    <link rel="stylesheet" href="../../common/base.css">
    <link rel="stylesheet" href="../../css/login.css">
</head>
<body>
    <div class="login">
        <i class="go-back">
            <img src="../../img/go-back.png" alt="">
        </i>
        <div class="login-top">
            <ul>
                <li class="pitch">登录</li>&nbsp;&nbsp;&nbsp;
                <li class="not-pitch">注册</li>
            </ul>
            <h1 class="login-title">任我赚</h1>
        </div>
        <ul class="form">
            <li>
                <input type="text" placeholder="输入手机号" class="phone">
            </li>
            <li>
                <input type="password" class="pass-word" placeholder="输入密码" >
                <i class="look">
                    <img src="../../img/not-look.png">
                </i>
            </li>
            <li>
                <input type="text" placeholder="输入验证码" class="yanzhengma">
                <img src="../../img/yanzhengma.png" class="word-code">
            </li>
        </ul>
        <div class="login-bottom clearfix">
            <div class="login-bottom-l fl">
                <input type="radio" class="choose fl">
                <span class="fl">记住我</span>
            </div>
            <a href="javascript:;" class="login-bottom-r fr">忘记密码?</a>
        </div>
        <div class="login-btn">
            <a href="javascript:;">立即登录</a>
        </div>
        <div class="login-hint">提示:租号玩账号可直接登录</div>
    </div>
</body>
<script type="text/javascript" src="../../lib/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="../../lib/layer/layer.js"></script>
<script>
    $(function () {
        // 切换是否能看到密码
        $('.look').click(function () {
            if ($('.look img').attr('src') == '../../img/not-look.png') {
                $('.look img').attr('src','../../img/look.png');
                $('.pass-word').attr('type','text')
            }
            else {
                $('.look img').attr('src','../../img/not-look.png');
                $('.pass-word').attr('type','password')
            }
        });
        // 登录提交
        $('.login-btn').click(function () {
            var _phone = $('.phone').val();
            var _passWord = $('.pass-word').val();
            var _wordCode = $('.yanzhengma').val();
            if (_phone == '') {
                layer.msg("手机号不能为空");
                return ;
            }
            else if (_passWord == '') {
                layer.msg("密码不能为空");
                return ;
            }
            else if (_wordCode == '') {
                layer.msg("验证码不能为空");
                return ;
            }

        })
    })

</script>
</html>